Ext.define('HGMIDE.view.IDELoggerChoosePanel', {
			extend : 'Ext.Panel',
			xtype : 'ideLoggerChoosePanel',
			requires : ['Ext.SegmentedButton'],
			config : {
				id : 'loggerChoosePanel',
				hidden : true,
				width : '270px',
				height:'50px',
				cls : 'overlay',
				zIndex:20,
				items : [{
					xtype : 'titlebar',
					items : [{
								id : 'logger_choose_title',
								xtype : 'label',
								html : I18N.log,
								align : 'left'
							}, {
								id : 'log_choose_btn',
								align : 'right',
								xtype : 'segmentedbutton',
								items : [{
											text : 'All Devices',
											pressed : true
										}, {
											text : 'Console'
										}],
								listeners : {
									toggle : function(container, button,
											pressed) {
										if (pressed) {
											Util.logMode = button.getText() == 'All Devices'
													? 'All Devices'
													: 'Console';
											if(Util.logMode=='All Devices'){
												Ext.getCmp('ide_logger').show();
												Ext.getCmp('ide_console').hide();
											}else{
												Ext.getCmp('ide_console').show();
												Ext.getCmp('ide_logger').hide();
											}
										}
									}
								}
							}]
				}]
			}
		});
